<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:body>
	<h:form id="formLista">
		<div style="left: 50%; position: relative; margin-left: -500px;"
			align="center" class="DivCentralizada">
			<div align="center"
				style="padding-left: 25px; float: left; padding-right: 24px;">
				<h:outputLabel for="iDataDe" value="#{message.msg_dataDe} "
					styleClass="LabelFont" />
				<p:inputMask id="iDataDe" value="#{listaSolicitaTela.dataDe}"
					size="5" maxlength="8" style="font-size: 14px;" mask="99/99/99"
					required="true">
				</p:inputMask>
			</div>
			<div align="center" style="float: left;">
				<h:outputLabel for="iDataAte" value=" #{message.msg_dataAte} "
					styleClass="LabelFont" />
				<p:inputMask id="iDataAte" value="#{listaSolicitaTela.dataAte}"
					size="5" maxlength="8" style="font-size: 14px;" mask="99/99/99"
					required="true">
				</p:inputMask>
			</div>
			<div align="center"
				style="padding-left: 25px; float: left; padding-right: 24px;">
				<h:outputLabel value="#{message.label_data_entrega_de} "
					styleClass="LabelFont" />
				<p:inputMask value="#{listaSolicitaTela.dataEntregaDe}" size="5"
					maxlength="8" style="font-size: 14px;" mask="99/99/99">
				</p:inputMask>
			</div>
			<div align="center" style="float: left;">
				<h:outputLabel value=" #{message.label_data_entrega_ate} "
					styleClass="LabelFont" />
				<p:inputMask value="#{listaSolicitaTela.dataEntregaAte}" size="5"
					maxlength="8" style="font-size: 14px;" mask="99/99/99">
				</p:inputMask>
			</div>
			<div style="float: left; clear: both; padding-left: 22px;">
				<h:outputLabel for="iProdLista" value="#{message.produto_produto} "
					styleClass="LabelFont" />
				<p:inputText id="iProdLista"
					value="#{listaSolicitaTela.produto.codigo}" size="8"
					style="font-size: 14px;">
					<p:ajax event="blur"
						listener="#{listaSolicitaTela.atualizaDescricao}"
						update="iDescLista,@this,:messages" global="false" />
				</p:inputText>
				<p:commandButton icon="ui-icon-search" type="button"
					title="#{message.botao_pesquisar}" styleClass="ButtonPesq"
					onclick="dlg7.show()" global="false" />
				<p:inputText id="iDescLista"
					value="#{listaSolicitaTela.produto.descricao}" readonly="true"
					size="30" style="font-size: 14px;" />
			</div>


			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px; margin-left: 24px;">
				<h:outputText value="#{message.solicita_comprador} "
					styleClass="LabelFont" />
			</div>
			<div style="float: left;">
				<p:selectOneMenu value="#{listaSolicitaTela.compradorFiltro}"
					effect="fade" style="font-size: 14px;">
					<f:selectItem itemLabel="#{message.solicita_statusTodos}"
						itemValue="#{message.solicita_statusTodos}"
						style="font-size: 14px;" />
					<f:selectItems value="#{listaSolicitaTela.listaCompradoresFiltro}"
						var="comprador" itemLabel="#{comprador.nome}"
						itemValue="#{comprador.codigo}" style="font-size: 14px;" />
				</p:selectOneMenu>
			</div>


			<div
				style="padding-left: 2px; padding-right: 24px; float: left; clear: both;">
				<h:outputLabel for="iSolLista"
					value="#{message.menu_main_solicita} " styleClass="LabelFont" />
				<p:inputText id="iSolLista"
					value="#{listaSolicitaTela.numSolicitacao}" size="8" maxlength="6"
					style="font-size: 14px;">
				</p:inputText>
			</div>
			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px;">
				<h:outputText for="iFilLista" value="#{message.solicita_filial} "
					styleClass="LabelFont" />
			</div>
			<div align="center" style="float: left; padding-right: 24px;">
				<p:selectOneMenu id="iFilLista"
					value="#{listaSolicitaTela.empresaSelecionada.filial}"
					effect="fade" style="font-size: 14px;">
					<f:selectItem itemLabel="#{message.solicita_statusTodos}"
						itemValue="0" style="font-size: 14px;" />
					<f:selectItems value="#{usuario.listaEmpresas}" var="empresa"
						itemLabel="#{empresa.descricao}" itemValue="#{empresa.filial}"
						style="font-size: 14px;" />
					<p:ajax global="false" />
				</p:selectOneMenu>
			</div>
			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px;">
				<h:outputText for="iStatusLista" value="#{message.solicita_status} "
					styleClass="LabelFont" />
			</div>
			<div style="float: left;">
				<p:selectOneMenu id="iStatusLista"
					value="#{listaSolicitaTela.status}" effect="fade"
					style="font-size: 14px;">
					<f:selectItem itemValue="#{message.solicita_statusTodos}"
						itemLabel="#{message.solicita_statusTodos}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusBloq}"
						itemValue="#{message.solicita_statusBloq}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusApro}"
						itemValue="#{message.solicita_statusApro}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusNega}"
						itemValue="#{message.solicita_statusNega}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.solicita_statusComp}"
						itemValue="#{message.solicita_statusComp}"
						style="font-size: 14px;" />
					<f:selectItem itemLabel="#{message.label_recebida}"
						itemValue="#{message.label_recebida}" style="font-size: 14px;" />
					<p:ajax global="false" />
				</p:selectOneMenu>
			</div>

			<div align="center"
				style="float: left; padding-right: 3px; padding-top: 4px; margin-left: 24px;">
				<h:outputText
					rendered="#{usuario.tipo.equals('Gerente') || usuario.tipo.equals('Coordenador')}"
					value="#{message.solicita_solicitante} " styleClass="LabelFont" />
			</div>
			<div style="float: left;">
				<p:selectOneMenu
					rendered="#{usuario.tipo.equals('Gerente') || usuario.tipo.equals('Coordenador')}"
					value="#{listaSolicitaTela.solicitanteFiltro}" effect="fade"
					style="font-size: 14px;">
					<f:selectItem itemLabel="#{message.solicita_statusTodos}"
						itemValue="#{message.solicita_statusTodos}"
						style="font-size: 14px;" />
					<f:selectItems value="#{listaSolicitaTela.listaSolicitantes}"
						var="solicitante" itemLabel="#{solicitante.nome}"
						itemValue="#{solicitante.codigo}" style="font-size: 14px;" />
				</p:selectOneMenu>
			</div>


			<div style="top: 16%; left: 80%;">
				<p:commandButton value="#{message.botao_filtrar}"
					icon="ui-icon-search" style="font-size: 14px;"
					action="#{listaSolicitaTela.filtraSolicitacao}"
					update=":formGridSol:dataTableSol" />
			</div>
		</div>
	</h:form>
	<div align="left" style="padding-left: 3px; padding-top: 5px;">
		<h:form id="formGridSol">
			<p:dataTable id="dataTableSol" var="solicitacao"
				value="#{listaSolicitaTela.listaSolicitacoes}"
				style="font-size: 14px;"
				rowStyleClass="#{listaSolicitaTela.pintaLinha(solicitacao)}"
				emptyMessage="#{message.msg_semvalores}" rows="8"
				paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
				rowsPerPageTemplate="8,15,20,30,50" paginator="true">
				<f:facet name="header">
					<div style="float: left;">
						<div style="padding-top: 2px; float: left">
							<h:outputText value="#{message.msg_legenda}  "
								style="font-size: 11px;" />
						</div>
						<p:graphicImage style="padding-left:10px" id="comp2"
							value="img/comprada.jpg" />
						<p:tooltip for="comp2" value="#{message.solicita_statusComp}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="blo2"
							value="img/bloqueada.jpg" />
						<p:tooltip for="blo2" value="#{message.solicita_statusBloq}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="apro2"
							value="img/aprovada.jpg" />
						<p:tooltip for="apro2" value="#{message.solicita_statusApro}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="neg2"
							value="img/negada.jpg" />
						<p:tooltip for="neg2" value="#{message.solicita_statusNega}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="rec2"
							value="img/recebida.jpg" />
						<p:tooltip for="rec2" value="#{message.solicita_statusRece }"
							showEffect="fade" hideEffect="fade" />
					</div>

				</f:facet>
				<p:column>
					<p:rowToggler />
				</p:column>
				<p:column sortBy="#{solicitacao.filial}">
					<f:facet name="header">  
                    		#{message.solicita_filial}  
            			</f:facet>
					<h:outputText value="#{solicitacao.filial}" />
				</p:column>
				<p:column sortBy="#{solicitacao.numSolicitacao}">
					<f:facet name="header">  
                  		 	#{message.label_numero}
           			 </f:facet>
					<h:outputText value="#{solicitacao.numSolicitacao}" />
				</p:column>
				<p:column sortBy="#{solicitacao.itensSolicitacao[0].codigo}">
					<f:facet name="header">  
    						#{message.produto_produto} 
           			 	</f:facet>
					<h:outputText value="#{solicitacao.itensSolicitacao[0].codigo}" />
				</p:column>
				<p:column>
					<f:facet name="header">  
                  		 	#{message.produto_descricao}  
           			 </f:facet>
					<h:outputText value="#{solicitacao.itensSolicitacao[0].descricao}" />
				</p:column>
				<p:column>
					<f:facet name="header">  
                  		 	#{message.produto_um}
           			 </f:facet>
					<h:outputText value="#{solicitacao.itensSolicitacao[0].unidMedida}" />
				</p:column>
				<p:column>
					<f:facet name="header">  
                  		 	#{message.produto_saldo_atual}
           			 </f:facet>
					<h:outputText value="#{solicitacao.itensSolicitacao[0].saldoAtual}" />
				</p:column>
				<p:column>
					<f:facet name="header">  
                  		 	#{message.produto_qtde}
           			 </f:facet>
					<h:outputText value="#{solicitacao.itensSolicitacao[0].quantidade}" />
				</p:column>

				<p:column>
					<f:facet name="header">  
                  		 	#{message.solicita_dataSol}  
           			 </f:facet>
					<h:outputText
						value="#{listaSolicitaTela.converteData(solicitacao.dataEmissao,solicitacao.status,1)} #{solicitacao.horaSolicitacao}" />
				</p:column>
				<p:column sortBy="#{solicitacao.itensSolicitacao[0].necessidade}">
					<f:facet name="header">  
                  		 	#{message.produto_dt_necessidade}
	           			 </f:facet>
					<h:outputText
						value="#{listaSolicitaTela.converteData(solicitacao.itensSolicitacao[0].necessidade,'',1)}" />
				</p:column>
				<p:column sortBy="#{solicitacao.itensSolicitacao[0].diasFaltantes}">
					<f:facet name="header">  
                  		 	DF¹
	           			 </f:facet>
					<h:outputText
						styleClass="#{listaSolicitaTela.pintaDiaFaltante(solicitacao.itensSolicitacao[0].diasFaltantes)}"
						rendered="#{solicitacao.status.equals('Comprado') || solicitacao.status.equals('Aprovado') || solicitacao.status.equals('Bloqueado')}"
						value="#{solicitacao.itensSolicitacao[0].diasFaltantes}" />
				</p:column>
				<p:column>
					<p:tooltip for="butHisSol" value="#{message.msg_historico}"
						showEffect="fade" hideEffect="fade" />

					<p:commandButton style="padding-left: 2px;" icon="ui-icon-search"
						global="false" styleClass="ButtonRem" update=":descHist"
						action="#{listaSolicitaTela.preencheHistorico(solicitacao)}"
						oncomplete="dlgHist.show()" id="butHisSol">
						<f:setPropertyActionListener
							target="#{listaSolicitaTela.solicitacao}" value="#{solicitacao}" />
					</p:commandButton>

				</p:column>
				<p:rowExpansion>

					<f:event
						listener="#{listaSolicitaTela.atualizaGradePedido(solicitacao)}"
						type="preRenderComponent">
					</f:event>


					<div style="float: left; padding-left: 8px;">
						<h:panelGrid id="display" columns="2" cellpadding="1"
							style="width:300px;" columnClasses="label, value">

							<h:outputText style="font-weight: bold;"
								value="#{message.solicita_item}:" />
							<h:outputText value="#{solicitacao.item}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.label_dt_aprova}:" />
							<h:outputText
								value="#{listaSolicitaTela.converteData(solicitacao.dataAprovacao,solicitacao.status,2)}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.produto_op}:" />
							<h:outputText
								value="#{solicitacao.itensSolicitacao[0].ordemProd}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.produto_cc}:" />
							<h:outputText
								value="#{solicitacao.itensSolicitacao[0].centroCusto.codigo}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.produto_observa}:" />
							<h:outputText
								value="#{solicitacao.itensSolicitacao[0].observacao}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.solicita_unid_requis}:" />
							<h:outputText value="#{solicitacao.unidadeRequisi.codigo}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.produto_armazem}:" />
							<h:outputText value="#{solicitacao.itensSolicitacao[0].local}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.solicita_solicitante}:" />
							<h:outputText value="#{solicitacao.usuario.nome}" />

						</h:panelGrid>
					</div>
					<div style="float: left; padding-left: 8px;">
						<h:panelGrid id="display2" columns="2" cellpadding="1"
							style="width:500px;" columnClasses="label, value"
							rendered="#{solicitacao.status.equals('Comprado') || solicitacao.status.equals('Recebido')}">

							<h:outputText style="font-weight: bold;"
								value="#{message.msg_ordem_compra}:" />
							<h:outputText value="#{solicitacao.pedido.numeroPedido}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.solicita_comprador}:" />
							<h:outputText
								value="#{solicitacao.pedido.comprador.nome}(#{solicitacao.pedido.comprador.codigo})" />

							<h:outputText style="font-weight: bold;"
								value="#{message.msg_fornecedor}:" />
							<h:outputText
								value="(#{solicitacao.pedido.fornecedor.codigo} - #{solicitacao.pedido.fornecedor.loja}) #{solicitacao.pedido.fornecedor.nome}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.label_numero_nota}/#{message.label_serie}" />
							<h:outputText
								value="#{solicitacao.pedido.numeroNotaFiscal}/#{solicitacao.pedido.serieNotaFiscal}" />

						</h:panelGrid>
					</div>

					<div style="float: left; padding-left: 8px;">
						<h:outputText value="#{listaSolicitaTela.gradeEstoqueHtml}"
							escape="false" />
					</div>

					<div style="float: left; padding-left: 8px;">
						<h:panelGrid id="display4" columns="2" cellpadding="1"
							columnClasses="label, value"
							rendered="#{solicitacao.status.equals('Comprado') || solicitacao.status.equals('Recebido')}">

							<h:outputText style="font-weight: bold;"
								value="#{message.label_ponto_pedido}:" />
							<h:outputText
								value="#{solicitacao.itensSolicitacao[0].pontoPedido}" />

							<h:outputText style="font-weight: bold;"
								value="#{message.label_lote_economico}:" />
							<h:outputText
								value="#{solicitacao.itensSolicitacao[0].loteEconomico}" />

						</h:panelGrid>
					</div>
				</p:rowExpansion>
				<f:facet name="footer">
					<div style="float: left">
						<div style="padding-top: 2px; float: left">
							<h:outputText value="#{message.msg_legenda}  "
								style="font-size: 11px;" />
						</div>
						<p:graphicImage style="padding-left:10px" id="comp"
							value="img/comprada.jpg" />
						<p:tooltip for="comp" value="#{message.solicita_statusComp}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="blo"
							value="img/bloqueada.jpg" />
						<p:tooltip for="blo" value="#{message.solicita_statusBloq}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="apro"
							value="img/aprovada.jpg" />
						<p:tooltip for="apro" value="#{message.solicita_statusApro}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="neg"
							value="img/negada.jpg" />
						<p:tooltip for="neg" value="#{message.solicita_statusNega}"
							showEffect="fade" hideEffect="fade" />
						<p:graphicImage style="padding-left:10px" id="rec"
							value="img/recebida.jpg" />
						<p:tooltip for="rec" value="#{message.solicita_statusRece }"
							showEffect="fade" hideEffect="fade" />
					</div>
					<div
						style="margin-left: 10px; padding-top: 2px; float: left; font-size: 12px;">
						<h:outputText value="¹#{message.label_dias_faltantes}" />
					</div>
				</f:facet>
			</p:dataTable>
		</h:form>
	</div>

	<p:confirmDialog message="#{message.solicita_erro}"
		header="#{message.solicita_header_exclusao}" severity="alert"
		widgetVar="confirmacao" appendToBody="true">
		<h:form>
			<p:commandButton id="confirm" value="#{message.msg_sim}"
				oncomplete="confirmacao.hide()"
				actionListener="#{listaSolicitaTela.excluiSolicitacao}"
				global="false" update=":formGridSol:dataTableSol,:messages" />
			<p:commandButton id="decline" value="#{message.msg_nao}"
				onclick="confirmacao.hide()" type="button" global="false" />
		</h:form>
	</p:confirmDialog>


</h:body>
</html>